<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        @font-face{font-family:'ZoomlaTangYin-A053'; /*逐浪唐寅行书体*/
    src: url('https://code.z01.com/font/ZoomlaTangYin-A053.eot?#iefix'); /* IE9 */
    src: url('https://code.z01.com/font/ZoomlaTangYin-A053.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
    url('https://code.z01.com/font/ZoomlaTangYin-A053.woff') format("woff"), /* chrome、firefox */
    url('https://code.z01.com/font/ZoomlaTangYin-A053.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url('https://code.z01.com/font/ZoomlaTangYin-A053.svg#ZoomlaTangYin-A053') format("svg"); /* iOS 4.1- */
    font-style: normal; font-weight: normal;}
        div{
            /* 字体颜色
            1.关键字 red,green
            2.十六进制
            3.rgb(red,green,blue)0-255
            4.rgba(red,green,blue,alpha) alpha表示透明度 0-1,0完全透明，1完全不透明 */
           /* 字体加粗 */
           font-weight: bold;
           /* 字体大小，简写fs */
           font-size: 36px;
           /* 是否开启斜体 italic表示开启斜体 normal表示正常字体*/
           font-style: italic;
            /* 设置字体类型 简写为ff */
            font-family: "ZoomlaTangYin-A053";
            /* 设置文本水平居中 简写ta */
            text-align: center;
        }
    </style>
</head>
<body>
    <div>块级元素</div>
</body>
</html>